import React from 'react';
import Tab from '../../../TabChange';
import './index.scss';

const tab = [
  {
    label: '投诉举报管理',
    route: '/system/corule/interactive/complaints',
    level: 4
  },
  {
    label: '监督在线管理',
    route: '/system/corule/interactive/supervise',
    level: 4
  },
  {
    label: '你点我检管理',
    route: '/system/corule/interactive/dialogue',
    level: 4
  },
  {
    label: '食安建言管理',
    route: '/system/corule/interactive/food_safety',
    level: 4
  },
  {
    label: '知识评测管理',
    route: '/system/corule/interactive/knowledge/test_result',
    level: 4
  }];
class Interactive extends React.PureComponent {
  render() {
    return (
      <div className="interactive">
        <Tab
          configTab={tab}
        />
        <div className="interactive-children">
          { this.props.children }
        </div>
      </div>
    );
  }
}

export default Interactive;

